@charset "UTF-8";
@import "./common.scss";


#page{width: 100%;height: 100%; position: absolute; left: 50%; top: 50%;overflow: hidden; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px);-moz-transform: translate3d(-50%, -50%, 0px);}
.login-content{ width: 100%; height: 100%; background:url(../img/login_bg1.png) no-repeat; background-size: 100% 100%; overflow: hidden;
  .login-icon{ width: 2.75rem; margin: 1.6rem 0 0 1.1rem;
    img{ width: 100%;}
  }
  .login-con{ width: 3.32rem; height: 3.12rem; padding: 0.25rem; float: right; box-shadow: 0 0 3px #333; margin: 1rem 1.11rem 0 0; background:rgba(255,255,255,0.5); border: 1px #fff solid; border-radius: 5px;
    .item{ padding-left: 30px; margin-top: 20px; height: 26px;
      span{ width: 20px; height: 20px; float: left; margin-left: -30px; margin-top: 3px;}
      .user_icon{ background: url(../img/login_user_icon.png) no-repeat center center; background-size: 100% auto;}
      .pass_icon{ background: url(../img/login_pass_icon.png) no-repeat center center; background-size: 100% auto;}
      .srk{ height: 25px; line-height: 25px; border: none; border-bottom: 1px #4c4c4c solid; font-size: 18px; background: transparent; float: left; width: 100%;}
    }
    .xieyi{ margin-top: 20px; line-height: 20px; height: 20px; font-size: 14px;
        .check_icon{ width: 16px; height: 16px; float: left; margin-top: 2px; margin-right: 5px;}
    }
    .submit-con{ margin-top: 20px; text-align: center;
      .submit-btn{ width: 100%; height: 40px;line-height: 40px; background: #ed0012; border:1px #ba000e solid; border-radius: 5px; display: block; font-size: 18px; color: #fff;}
    }
  }

}

.isVertical{ width: 100%;
  #page {transform: translate3d(-50%, -50%, 0px) rotate(90deg); }
}
.password-content{width: 100%; height: 100%; background:url(../img/list_bg.png) no-repeat; background-size: 100% 100%; overflow: hidden;
  .pasword-main{ width: 52.8%; margin: 1.2rem auto 0;
    .item{ padding-left: 1.4rem; margin-bottom: 20px; height: 20px;
      label{ width: 1.3rem; float: left; margin-left: -1.4rem; text-align: right; line-height: 20px; font-size: 18px; color: #007bc6;}
      .srk{ width: 100%; height: 20px; border: none; border-bottom: 1px #999 solid; background: transparent;}
    }
    .submit-btn{ text-align: center;
      img{ width: 1.71rem;}
    }
  }
}